博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端小菜鸡学习微信小程序的笔记
阅读量:6291 次
发布时间:2019-06-22

本文共 1543 字,大约阅读时间需要 5 分钟。

最近在学习做小程序,碰到一些知识点担心自己下次会忘记,所以做个笔记记下来备下次看~

wx.request封装:

const apiURL = 'http://xxx.xxx.com';const wxRequest = (params,url) =>{    wx.request({      url,      method:params.method || 'GET',      data:params.data || {},      header:{        Accept:'application/json',        'Content-Type':'application/json',      },      success(res){        if(params.success){          params.success(res);        }      },      fail(res){        if(params.fail){          params.fail(res);        }      },      complete(res){        if (params.complete) {          params.complete(res);        }      }     });}复制代码

请求具体路径:

const getHotTripList = (params) => {  wxRequest(params, `${apiURL}/v2/index/`);};复制代码

带参:

const getPlaceInfoByID = (params) => {  wxRequest(params, `${apiURL}/destination/place/${params.query.type}/${params.query.id}/`);};复制代码

导出所定义的函数模块:

module.exports = {  getHotTripList,  getPlaceInfoByID,};复制代码

然后下次要用到的时候直接引用就和,如:

const api = require('../../utils/api.js');api.getExplorePlaceList({    // 如若要传参:    // data,      success:(res)=>{        console.log(res);        self.setData({          elements:res.data.elements        });      }})复制代码

wxml二维数组循环:

{
{ e.title }}
{
{ poi.name }}
复制代码

二维数组循环,里层的一个点击事件如果想要传递参数跳转,则在标签里要加入data-xx="{

{ xxx }}",然后在对应的js事件里使用e.currentTarget.dataset可获取。 如:

viewPOI(e){    const data = e.currentTarget.dataset;    console.log(data); }复制代码

转载地址:http://uruta.baihongyu.com/

你可能感兴趣的文章
CentOS 7 巨大变动之 firewalld 取代 iptables
查看>>
延时任务和定时任务
查看>>
linux下的权限问题
查看>>
教你如何使用Flutter和原生App混合开发
查看>>
Spring Boot 整合redis
查看>>
CSS hover改变背景图片过渡动画生硬
查看>>
JDBC(三)数据库连接和数据增删改查
查看>>
淘宝应对"双11"的技术架构分析
查看>>
ssh
查看>>
订单的子单表格设置颜色
查看>>
Office365 Exchange Hybrid 番外篇 ADFS后端SQL群集(一)
查看>>
9个offer,12家公司,35场面试,从微软到谷歌,应届计算机毕业生的2012求职之路...
查看>>
lvs fullnat部署手册(三)rs内核加载toa篇
查看>>
C++策略模式
查看>>
我的友情链接
查看>>
oracle表分区详解
查看>>
网络编程中常见结构体
查看>>
SSL/TLS原理详解
查看>>
Docker 自定义SSH服务镜像
查看>>
JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改
查看>>